<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font</title>
    <style>
        @foreach($font as $item)
            @font-face {
                font-family: '{{ $item->name }}';
                src: url('{{ str_replace('font/','',$item->path) }}') format('truetype'),
                url('{{ $item->name }}.woff2') format('woff2');
                font-weight: normal;
                font-style: normal;
            }
            .f-{{ $item->name }}{
                font-family: '{{ $item->name }}';
                font-size: 14px;
            }
        @endforeach
    </style>
</head>
<body>
@foreach($font as $item)
    <p class="f-{{ $item->name }}">
        @foreach($item->products as $product)
            {{ $product->name.$product->height.$product->weight.$product->cup }}-/.
        @endforeach
    </p>
@endforeach
</body>
</html>